<template>
    <div>
       <mt-header fixed title="个人中心">

          <router-link to="/denglu" slot="right">
               <p>你好，{{username}}</p>
         </router-link>
       
       </mt-header>

       <mt-tab-container class="page-tabbar-container" v-model="selected">
          <mt-tab-container-item>
             <mynavbar></mynavbar>
          </mt-tab-container-item>
          </mt-tab-container>

       <div class="pl-mt-cell">
        <mt-cell title="收货地址" slot="left" to="/myadress" is-link>
        </mt-cell></br>
        <mt-cell title="发表历史" slot="left" label="2017/04/16 偷影子的人 发布成功 ">
        </mt-cell>
        <mt-cell title="上传历史" slot="left" label="2017/04/17 中国通史 上传成功 ">
        </mt-cell>
        
       </div>
    </div>
</template>

<script>
import mynavbar from './myself/mynavbar.vue'
import { mapState } from 'vuex'
   export default {
        data () {
            return {
                username:'',
                title: '个人中心',
            }
        },
         components: {
                mynavbar 
        },
        computed:{
             ...mapState({
                 username: state => state.username
             })
        }   

   }
</script>

<style>
mt-header{
background-color: red;
}

.pl-mt-cell{
border-top:1px solid #F5F5F5;
text-align: left;
}
.icon-img{
    width:20px;
    height:20px;
}

</style>

